3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2016 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2016-10-03T18:59:06Z
11 .oo-ui-actionWidget.oo-ui-pendingElement-pending {
12 background-image: /* @embed */ url
(themes/apex/images/textures/pending.gif);
15 background-color: transparent
;
16 background-image: none
;
19 -webkit-box-sizing: border-box
;
20 -moz-box-sizing: border-box
;
21 box-sizing: border-box
;
23 .oo-ui-window-content:focus {
28 -webkit-touch-callout: none
;
29 -webkit-user-select: none
;
30 -moz-user-select: none
;
31 -ms-user-select: none
;
39 .oo-ui-window-overlay {
45 .oo-ui-dialog-content
> .oo-ui-window-head
,
46 .oo-ui-dialog-content
> .oo-ui-window-body
,
47 .oo-ui-dialog-content > .oo-ui-window-foot {
51 -webkit-box-sizing: border-box
;
52 -moz-box-sizing: border-box
;
53 box-sizing: border-box
;
55 .oo-ui-dialog-content > .oo-ui-window-head {
60 .oo-ui-dialog-content > .oo-ui-window-body {
66 .oo-ui-dialog-content > .oo-ui-window-foot {
70 .oo-ui-dialog-content > .oo-ui-window-body {
71 box-shadow: 0 0 0.66em rgba
(0, 0, 0, 0.25);
73 .oo-ui-messageDialog-actions-horizontal {
78 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
82 .oo-ui-messageDialog-actions-vertical {
85 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
88 text-overflow: ellipsis
;
90 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
94 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-buttonElement-button {
97 .oo-ui-messageDialog-actions .oo-ui-actionWidget .oo-ui-labelElement-label {
104 .oo-ui-messageDialog-content .oo-ui-window-body {
105 box-shadow: 0 0 0.33em rgba
(0, 0, 0, 0.33);
107 .oo-ui-messageDialog-title
,
108 .oo-ui-messageDialog-message {
112 .oo-ui-messageDialog-title
.oo-ui-labelElement
,
113 .oo-ui-messageDialog-message.oo-ui-labelElement {
116 .oo-ui-messageDialog-title {
121 .oo-ui-messageDialog-message {
126 .oo-ui-messageDialog-message-verbose {
131 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
132 border-right: 1px solid
#e5e5e5;
135 .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget:last-child {
136 border-right-width: 0;
138 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
139 border-bottom: 1px solid
#e5e5e5;
142 .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget:last-child {
143 border-bottom-width: 0;
145 .oo-ui-messageDialog-actions .oo-ui-actionWidget {
149 .oo-ui-messageDialog-actions .oo-ui-actionWidget:last-child {
152 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-labelElement .oo-ui-labelElement-label {
156 .oo-ui-messageDialog-actions .oo-ui-actionWidget:hover {
157 background-color: rgba
(0, 0, 0, 0.05);
159 .oo-ui-messageDialog-actions .oo-ui-actionWidget:active {
160 background-color: rgba
(0, 0, 0, 0.1);
162 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
163 background-color: rgba
(8, 126, 204, 0.05);
165 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
166 background-color: rgba
(8, 126, 204, 0.1);
168 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
171 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
172 background-color: rgba
(118, 171, 54, 0.05);
174 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
175 background-color: rgba
(118, 171, 54, 0.1);
177 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
178 background-color: rgba
(212, 83, 83, 0.05);
180 .oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
181 background-color: rgba
(212, 83, 83, 0.1);
183 .oo-ui-processDialog-location {
185 text-overflow: ellipsis
;
188 .oo-ui-processDialog-title {
192 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
,
193 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
,
194 .oo-ui-processDialog-actions-other .oo-ui-actionWidget {
197 .oo-ui-processDialog-actions-safe
,
198 .oo-ui-processDialog-actions-primary {
203 .oo-ui-processDialog-actions-safe {
206 .oo-ui-processDialog-actions-primary {
209 .oo-ui-processDialog-errors {
219 .oo-ui-processDialog-content .oo-ui-window-head {
222 .oo-ui-processDialog-content .oo-ui-window-body {
224 box-shadow: 0 0 0.33em rgba
(0, 0, 0, 0.33);
226 .oo-ui-processDialog-navigation {
231 .oo-ui-processDialog-location {
237 .oo-ui-processDialog-title {
239 line-height: 1.875em;
241 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
242 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-button
,
243 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-buttonElement-button {
247 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
248 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-labelElement-label
,
249 .oo-ui-processDialog-actions-other .oo-ui-actionWidget .oo-ui-labelElement-label {
250 line-height: 1.875em;
252 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
253 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
254 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
255 margin-top: -0.125em;
257 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
258 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
,
259 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed {
262 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
263 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-framed
.oo-ui-buttonElement-button
,
264 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-framed .oo-ui-buttonElement-button {
266 vertical-align: middle
;
269 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
270 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
,
271 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless {
274 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
275 .oo-ui-processDialog-actions-primary
.oo-ui-actionWidget
.oo-ui-buttonElement-frameless
.oo-ui-buttonElement-button
,
276 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement-frameless .oo-ui-buttonElement-button {
278 vertical-align: middle
;
280 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:hover
,
281 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:hover {
282 background-color: rgba
(0, 0, 0, 0.05);
284 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget:active
,
285 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget:active {
286 background-color: rgba
(0, 0, 0, 0.1);
288 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:hover
,
289 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:hover {
290 background-color: rgba
(8, 126, 204, 0.05);
292 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive:active
,
293 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive:active {
294 background-color: rgba
(8, 126, 204, 0.1);
296 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-progressive
.oo-ui-labelElement-label
,
297 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-progressive .oo-ui-labelElement-label {
300 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:hover
,
301 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:hover {
302 background-color: rgba
(118, 171, 54, 0.05);
304 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-constructive:active
,
305 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-constructive:active {
306 background-color: rgba
(118, 171, 54, 0.1);
308 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:hover
,
309 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:hover {
310 background-color: rgba
(212, 83, 83, 0.05);
312 .oo-ui-processDialog-actions-safe
.oo-ui-actionWidget
.oo-ui-flaggedElement-destructive:active
,
313 .oo-ui-processDialog-actions-primary .oo-ui-actionWidget.oo-ui-flaggedElement-destructive:active {
314 background-color: rgba
(212, 83, 83, 0.1);
316 .oo-ui-processDialog-actions-other .oo-ui-actionWidget.oo-ui-buttonElement {
319 .oo-ui-processDialog > .oo-ui-window-frame {
322 .oo-ui-processDialog-errors {
323 background-color: rgba
(255, 255, 255, 0.9);
324 padding: 3em 3em 1.5em 3em;
327 .oo-ui-processDialog-errors .oo-ui-buttonWidget {
328 margin: 2em 1em 2em 1em;
330 .oo-ui-processDialog-errors-title {
335 .oo-ui-processDialog-error {
339 border: 1px solid
#ff9e9e;
340 background-color: #fff7f7;
341 border-radius: 0.25em;
343 .oo-ui-windowManager-modal > .oo-ui-dialog {
350 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
359 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup > .oo-ui-window-frame {
368 .oo-ui-windowManager-fullscreen > .oo-ui-dialog > .oo-ui-window-frame {
374 .oo-ui-windowManager-modal > .oo-ui-dialog {
375 background-color: rgba
(255, 255, 255, 0.5);
377 -webkit-transition: opacity
250ms ease
;
378 -moz-transition: opacity
250ms ease
;
379 transition: opacity
250ms ease
;
381 .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
382 background-color: #fff;
384 -webkit-transform: scale
(0.5);
385 -moz-transform: scale
(0.5);
386 -ms-transform: scale
(0.5);
387 transform: scale
(0.5);
388 -webkit-transition: all
250ms ease
;
389 -moz-transition: all
250ms ease
;
390 transition: all
250ms ease
;
392 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-setup {
395 .oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-ready > .oo-ui-window-frame {
397 -webkit-transform: scale
(1);
398 -moz-transform: scale
(1);
399 -ms-transform: scale
(1);
402 .oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
406 max-height: calc
(100% - 2em);
407 border: 1px solid
#ccc;
408 border-radius: 0.5em;
409 box-shadow: 0 0.2em 1em rgba
(0, 0, 0, 0.3);